@CHARSET "UTF-8";


/*--------------- 見出し、段落 ----------------*/


.Article h2 {

	border-left			: solid 0px #fff;
	position			: relative;
	padding				: 5px 20px;
	margin-top			: 5px;
	font				: bold 1.8em/1.6 Arial, Helvetica, sans-serif;
	color				: #333;
	background			: #fff;
	text-shadow:
						  2px 2px 0 #fff,
						  3px 3px 0 #999;

	border-top			: #333 solid 3px;
	border-bottom		: #333 solid 3px;
    background-image	: -webkit-gradient(linear, left top, right bottom,
							from(			rgba(255, 255, 255, 0.0)),
							color-stop(0.4, rgba(255, 255, 255, 0.0)),
							color-stop(0.4, rgba(0, 0, 0, 0.1)),
							color-stop(0.6, rgba(0, 0, 0, 0.1)),
							color-stop(0.6, rgba(255, 255, 255, 0.0)),
							to(				rgba(255, 255, 255, 0.0))
							);

	background-image	: -webkit-linear-gradient(top -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);

	background-image	: -moz-linear-gradient(top -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);

	background-image	: -o-linear-gradient(top -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);
	background-image	: linear-gradient(to bottom -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);
	background-size		: 4px 4px;


}


.Article h2:before{

	content				: " ";
	position			: absolute;
	top					: 100%;
	left				: 24px;
	width				: 0;
	height				: 0;
	border-width		: 12px;
	border-style		: solid;
	border-color		: transparent;
	border-top-color	: #333;
	boredr-left			: none;

}


.Article h2:after{

	content				: " ";
	position			: absolute;
	top					: 100%;
	left				: 28px;
	width				: 0;
	height				: 0;
	border-width		: 8px;
	border-style		: solid;
	border-color		: transparent;
	border-top-color	: #f0f0f0;
	z-index				: 1;

}


h3 {

	margin			: 10px 0;

}

#contentsArea p {

	padding-left : 0;

}


/*--------------- ボタン ----------------*/


	#search {

		float	: right;
		height	: 25px;
		width	: 200px;
		padding : 1px;

	}

	.createButton {

		float			: left;
		margin-bottom	: 20px;
	}


	.delButton {

		float		: right;
		margin-left	: 20px;

	}

/*--------------- リスト ----------------*/

table {

	width		: 100%;

}

td {

	padding		: 10px;
	border		: solid 1px #555;

}

td a {

	padding				: 20px 0 20px 20px;
	color				: #666666;
	vertical-align		: top;
	font-size			: 0.88em;
	background-image	: url("../img/BBS.png");/* 赤い矢印を設置 */
	background-repeat	: no-repeat;
	background-position	: left;

}


/*--------------- 親記事 ----------------*/


.Article {


		width					: 600px;
		-webkit-border-radius	: 3px;
		-moz-border-radius		: 3px;
		border-radius			: 3px;
		-moz-box-shadow			: 0px 0px 6px rgba(0,0,0,0.3);
		-webkit-box-shadow		: 0px 0px 6px rgba(0, 0, 0, 0.3);
		box-shadow				: 0px 0px 6px rgba(0, 0, 0, 0.3);

		padding					: 10px;

		margin					: 0 auto;

}


.Article article {

	padding						: 20px;
	margin-top					: 20px;

	background-image			: -webkit-gradient(linear, left top, right bottom,
									from(	rgba(255, 255, 255, 0.0)),
											color-stop(0.4, rgba(255, 255, 255, 0.0)),
											color-stop(0.4, rgba(0, 0, 0, 0.1)),
											color-stop(0.6, rgba(0, 0, 0, 0.1)),
											color-stop(0.6, rgba(255, 255, 255, 0.0)),
											to(				rgba(255, 255, 255, 0.0))
										);

	background-image			: -webkit-linear-gradient(top -45deg,
									transparent 40%,
						            rgba(0, 0, 0, 0.1) 40%,
						            rgba(0, 0, 0, 0.1) 60%,
						            transparent 60%
									);

	background-image			: -moz-linear-gradient(top -45deg,
									transparent 40%,
						            rgba(0, 0, 0, 0.1) 40%,
						            rgba(0, 0, 0, 0.1) 60%,
						            transparent 60%
									);

	background-image			: -o-linear-gradient(top -45deg,
									transparent 40%,
						            rgba(0, 0, 0, 0.1) 40%,
						            rgba(0, 0, 0, 0.1) 60%,
						            transparent 60%
									);

	background-image			: linear-gradient(to bottom -45deg,
									transparent 40%,
						            rgba(0, 0, 0, 0.1) 40%,
						            rgba(0, 0, 0, 0.1) 60%,
						            transparent 60%
									);

	background-size				: 4px 4px;

}

.Article section {

	padding			: 20px 20px 30px 20px;

}


